/*#############################################################
 *Name: Fluid Solution
 *Date: 2006-09-06
 *Description: Totally liquid three-column layout, clean and simple.
 *Author: Viktor Persson
 *URL: http://arcsin.se
 *
 *Feel free to use and modify but please provide credits.
 *############################################################# */
/* standard elements */
/* $body_font: "Sabon LT Std", "Hoefler Text", "Palatino Linotype", "Book Antiqua", serif */
* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

body {
  background: white url(../images/bg.gif) repeat-x;
  color: #444444;
  font: 1.1em Verdana, "Lucida Sans Unicode", sans-serif;
  padding-top: 40px;
}

p, code, ul, ol {
  padding-bottom: 1.2em;
}

p, ul, ol {
  font-family: Verdana, "Lucida Sans Unicode", sans-serif;
}

ul li {
  list-style: none;
}

code {
  color: #444444;
  font-family: monofur, Lucida Console, Monaco, monospace;
  white-space: pre;
}

blockquote {
  background: #fbfcf5;
  border-bottom: 1px solid #eeeedd;
  border-top: 1px solid #eeeedd;
  color: #444444;
  display: block;
  font: normal "Century Schoolbook", "Bookman Old Style", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  margin-bottom: 12px;
  padding: 12px;
}

h1, h2, h3, h4 {
  font: normal 1.2em "Century Gothic", "Trebuchet MS", sans-serif;
  color: #ff0066;
  font-size: 1.2em;
  margin-bottom: 5px;
}

/* misc */
.clearer {
  clear: both;
}

.code-frame {
  padding: 0px;
  border: 1px solid black;
  margin: 10px 0px 10px 20px;
  display: block;
}
.code-frame div {
  margin: 0px;
  padding: 0px;
  display: block;
}
.code-frame .code-header {
  font-weight: bold;
  padding: 1px 3px;
  border-bottom: 1px dashed black;
  background: #ffaa00;
  color: #111111;
}

.naked-code-frame {
  padding: 0px;
  border: 0px;
  margin: 10px 0px 10px 20px;
  display: block;
}
.naked-code-frame div {
  margin: 0px;
  padding: 0px;
  display: block;
}
.naked-code-frame .code-header {
  font-weight: bold;
  padding: 1px 3px;
  color: #333333;
}

.inventory {
  border-collapse: collapse;
  border: solid 1px black;
}
.inventory thead {
  background: #222222;
  color: white;
  border-bottom: solid 1px black;
  text-align: left;
}
.inventory th {
  padding: 1px 6px;
}
.inventory .odd {
  background: #dddddd;
}
.inventory td {
  padding: 1px 6px;
}
.inventory .attr {
  font-family: monofur, Lucida Console, Monaco, monospace;
  font-weight: bold;
}

/* header */
.header {
  background: url(../images/stripes.gif) no-repeat;
  border-bottom: 1px solid #eeeeee;
  height: 160px;
  margin-bottom: 24px;
}
.header h1 {
  color: #222222;
  font: normal 2.6em "Century Schoolbook", "Bookman Old Style", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  margin-top: 40px;
  text-align: center;
}
.header h2 {
  border-top: 1px solid #eeeeee;
  color: #666666;
  text-align: right;
}
.header h2 span {
  background: #222222;
  color: #eeeeee;
  font-weight: bold;
  font-size: 0.9em;
  font-family: "Century Gothic", "Trebuchet MS", sans-serif;
  padding: 0 10px;
}

.annotation {
  background: url(img/bgcode.gif);
  border: 1px solid #f0f0f0;
  border-left: 6px solid #ff0066;
  color: #0066ff;
  display: block;
  font: normal Verdana, "Lucida Sans Unicode", sans-serif;
  margin-bottom: 12px;
  padding: 8px 10px;
}
.annotation .author, .annotation .timestamp {
  padding: 0;
  margin: 0;
}
.annotation a {
  color: #ff0066;
  text-decoration: none;
}
.annotation a:hover {
  color: #444444;
  border-bottom: 1px solid #ff0066;
}
.annotation a:visited {
  color: #777777;
  border-bottom: 1px solid #ff0066;
}

/* left side (main content) */
.left {
  margin: 0 42% 20px 3%;
}

.content .descr {
  color: #0066ff;
  font-size: 1.2em;
  margin-bottom: 6px;
}
.content ul li {
  list-style: url(../images/li.gif);
  margin-left: 18px;
}
.content ul li li {
  list-style: url(../images/li2.gif);
  margin-left: 18px;
  font-size: 0.8em;
}
.content ol li {
  margin-left: 18px;
}
.content ol li li {
  list-style: url(../images/li.gif);
  margin-left: 18px;
  font-size: 0.8em;
}
.content h1 {
  font-size: 1.6em;
  margin-bottom: 5px;
  border-bottom: 1px dashed #999999;
}
.content * + h1 {
  margin-top: 15px;
}
.content h2 {
  font-size: 1.2em;
  margin-top: 10px;
  margin-bottom: 4px;
  /* color: #06F; */
  font-weight: bold;
  color: #333333;
}
.content a {
  color: #ff0066;
  text-decoration: none;
}

.footer a {
  color: #ff0066;
  text-decoration: none;
}

.content a:hover, .footer a:hover {
  color: #444444;
  border-bottom: 1px solid #ff0066;
}

/* nav & subnavigation */
.nav, .right {
  margin-bottom: 20px;
  position: absolute;
  top: 40px;
}

/* navigation */
.nav {
  right: 23%;
  text-align: center;
  width: 17%;
}
.nav .logo {
  background: url(../images/logo.gif) no-repeat center top;
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  height: 159px;
}
.nav h1 {
  color: #ff6600;
  margin: 12px 0;
}
.nav li {
  border-bottom: 1px solid #eeeeee;
}
.nav li a {
  color: #888888;
  display: block;
  font: normal 1.4em "Century Gothic", "Trebuchet MS", sans-serif;
  padding: 8px 0;
}
.nav li a:hover {
  background: #fafafa;
  color: #ff0066;
}

/* subnav */
.right {
  background: #222222;
  right: 3%;
  width: 18%;
}

.subnav {
  padding: 12px 12px 0;
}
.subnav h1 {
  color: #ff0066;
  font: normal 1.4em "Century Gothic", "Trebuchet MS", sans-serif;
  height: 20px;
  margin-left: 8px;
}
.subnav ul {
  margin: 0 0 16px;
  padding: 0;
}
.subnav li {
  list-style: none;
  margin: 0;
  margin-left: 8px;
  border-bottom: 1px solid #333333;
}
.subnav .current {
  color: white;
  font: bold 1em "Century Gothic", "Trebuchet MS", sans-serif;
  height: 20px;
  padding: 3px 6px 3px 8px;
  margin-left: 8px;
}
.subnav li a {
  color: #999999;
  display: block;
  font: normal 1em "Century Gothic", "Trebuchet MS", sans-serif;
  padding: 3px 6px 3px 8px;
  text-decoration: none;
}
.subnav li a:hover {
  color: #ffaa00;
}
.subnav li a:visted {
  color: #777777;
}
.subnav .todo a {
  color: #444444;
}

/* round edges */
.roundtl, .roundtr, .roundbl, .roundbr {
  background: url(../images/round.gif);
  height: 16px;
  width: 14px;
}

.roundtl, .roundbl {
  float: left;
}

.roundtr, .roundbr {
  float: right;
}

.roundtr {
  background-position: right top;
}

.roundbr {
  background-position: right bottom;
}

.roundbl {
  background-position: left bottom;
}

/* footer */
.footer {
  color: #666666;
  border-top: 1px solid #eeeeee;
  font: normal 1em Verdana, "Lucida Sans Unicode", sans-serif;
  margin: 0 42% 0 3%;
  padding: 8px 6px;
}
